iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 22
0
Mobile Development

「Google Flutter」學習筆記系列 第 22

【Day 22】flutter_shuqi - 模仿小說閱讀器App的版面配置專案

  • 分享至 

  • xImage
  •  

今日要點
》介紹 flutter_shuqi 專案
》下載並編譯 flutter_shuqi 專案
》程式架構研究


介紹 flutter_shuqi 專案

今天要介紹的Github專案,flutter_shuqi 是一個模仿書旗小說閱讀器App的版面配置的 flutter 專案。huanxsd/flutter_shuqi 有 2K 的星星。有個朋友很喜歡看小說,也許有機會可以專門幫朋友客製化一下。

先看看他在 README.md 裡介紹的執行畫面,來看看效果。

版面配置真的很不錯,值得收藏起來研究。

下載並編譯 flutter_shuqi 專案

所以我們就來練習編譯一下看看有沒有問題。

那麼我們就開始下載並且建立這個 flutter_shuqi 專案囉。

% git clone https://github.com/huanxsd/flutter_shuqi.git

Cloning into 'flutter_shuqi'...
remote: Enumerating objects: 51, done.
remote: Counting objects: 100% (51/51), done.
remote: Compressing objects: 100% (40/40), done.
remote: Total 751 (delta 14), reused 26 (delta 8), pack-reused 700
Receiving objects: 100% (751/751), 6.87 MiB | 1.58 MiB/s, done.
Resolving deltas: 100% (271/271), done.


% cd flutter_shuqi 
% flutter pub get

Running "flutter pub get" in flutter_shuqi...     3.5s

試 build 一下,

% flutter run -d all

嗯,iOS OK,但 Android 出現 Error。

Execution failed for task ':app:preDebugBuild'. Android dependency 'androidx.core:core' has different version for the compile (1.1.0) and runtime (1.3.1) classpath. You should manually set the same version via DependencyResolution


在 android/build.gradle 中修正一下,把 classpath 'com.android.tools.build:gradle:3.2.1' 改為 classpath 'com.android.tools.build:gradle:3.3.1'。

    dependencies {
        classpath 'com.android.tools.build:gradle:3.3.1'
    }

重 build 一下,

% flutter run -d all

ok,都成功了,iOS OK,Android 也 OK。

因為只是示範性版面配置專案,所以不管你點那一本,都是轉到逆天神醫這本小說,版面配置的很不錯,有空再來研究。

程式架構研究

main.dart -> app_scene.dart : MaterialApp , RootScene

root_scene.dart : Scaffold

今天就先這樣吧。

好,第22天,寫完。

參考

flutter build failed. Android dependency 'androidx.core:core' has different version for the compile (1.0.0) and runtime (1.0.1) classpath
书旗小说阅读器 android / iOS


上一篇
【Day 21】Flutter-AI-Rubik-cube-Solver - 讓 flutter 幫你解魔術方塊?
下一篇
【Day 23】flutterfire - firebase_ml_vision 辨識專案
系列文
「Google Flutter」學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言